<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>小图标与文字垂直居中对齐-绝对定位</title>
        <style>
            * {
              padding:0;
              margin:0;
              font-size:14px;
            }
            .box{
              position: relative;
              margin-left: 15px;
              padding-left: 25px;
              height: 44px;
              line-height: 44px;
            }
            .icon-movie {
                background: url(img/index_sprites0226.png) no-repeat;
                background-position: 2px -124px;
                position: absolute;
                top: 14px;
                left: 0;
                display: inline-block;
                width: 20px;
                height: 18px;
            }
        </style>
    </head>
    <body>
        <div class="box">
          <i class="icon-movie"></i>
          <a data-tjname="ec,,,taobaotm" class="tag hoveredImg clearfix " data-pos="8-1" target="_blank" href="http://add.bslzgs.com/index.php?id=220&amp;from=ZM3"><span class="inline-right">正品 2 折</span></a>
        </div>
    </body>
</html>